body {
  background: #323232;
}

body > * {

}

.header {
background:url("../../img/header/header.jpg") no-repeat center center;
background-size: 100% auto;
color:aliceblue;
padding:4%;
font-size: 26pt;
font-family: "MultiroundPro", sans-serif;
font-style: normal;
}

.demoreel {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
margin:40px;
}

.demoreel-txt { 
position: absolute;
padding-top:3%;
padding-left:4%;
color:aliceblue;
font-family: "Klukva", sans-serif;
font-style: normal;
font-size: 16pt;
font-size: 26pt;
font-weight: 1000;
}

.date {
position: absolute;
bottom: 0;
right: 0;
padding-bottom:11%;
padding-right:4%;
text-align:right;
align-items: flex-end;
color:aliceblue;
font-family: "Klukva", sans-serif;
font-style: normal;
font-size: 18pt;
font-weight: 1000;
}

.bio {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 2%;
margin-top: clamp(16px, 5vw, 70px);
background-image: radial-gradient(ellipse at center, #1B1B1B 0%,transparent 72%, transparent 100% );
}

.photo {
background:url("../../img/photo/photo.jpg");
background-size: cover;
flex: 0 1 420px;
width: 25vw;
aspect-ratio: 6 / 10;
border-radius: 30px;
margin-left: 40px;
margin-right: 80px;
}

.bio_txt {
flex: 1 1 ;
max-width: 950px;
color:aliceblue;
font-family: "Klukva", sans-serif;
font-style: normal;
font-size: 18pt;
}

.links{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
aspect-ratio: 16 / 3;
gap: 10%;
margin-top: clamp(5px, 1vw, 10px);
margin-bottom: clamp(16px, 5vw, 70px);
background-image: radial-gradient(ellipse at center, #252525 0%,transparent 60%, transparent 100% );
}

.email-button {
font-family: "Roboto", sans-serif;
font-style: normal;
font-size: 16pt;
margin-top: 15px;
}

.telegram-button {
font-family: "Roboto", sans-serif;
font-style: normal;
font-size: 16pt;
margin-top: 15px;
}

.vk-button {
font-family: "Roboto", sans-serif;
font-style: normal;
font-size: 16pt;
margin-top: 15px;
}